<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>精英大侠-最专业的电脑销售网站</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet" type="text/css" media="all">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easing.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/flexslider.css"
	type="text/css" media="screen" />
<link href="${pageContext.request.contextPath}/css/megamenu.css"
	rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript">
	function confirm() {

		var password = document.getElementById("customerPassword");

		var passwordRepeat = document.getElementById("customerPasswordRepeat");

		if (password.value != passwordRepeat.value) {
			passwordRepeat.value = "上下密码不一致";
			alert("上下密码不一致");
		}
	}
</script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/megamenu.js"></script>

<script>
	$(document).ready(function() {
		$(".megamenu").megamenu();
	});
</script>
<!-- 26行unknown -->
<script src="${pageContext.request.contextPath}/js/menu_jquery.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/etalage.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.easydropdown.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.etalage.min.js"></script>
<script>
	jQuery(document)
			.ready(
					function($) {

						$('#etalage')
								.etalage(
										{
											thumb_image_width : 300,
											thumb_image_height : 400,
											source_image_width : 900,
											source_image_height : 1200,
											show_hint : true,
											click_callback : function(
													image_anchor, instance_id) {
												alert('Callback example:\nYou clicked on an image with the anchor: "'
														+ image_anchor
														+ '"\n(in Etalage instance: "'
														+ instance_id + '")');
											}
										});

					});
</script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
	$(function() {
		$('.scroll-pane').jScrollPane();
	});
</script>


</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top_bg">
			<div class="container">
				<div class="header_top">
					<div class="logo">
						<a href="${pageContext.request.contextPath}/registration.jsp"><img
							src="${pageContext.request.contextPath}/images/logo.png" alt="" />
						</a>
					</div>
					<br> <br> &nbsp; &nbsp; &nbsp; <span>
						<form action="#">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text"
								style="height:40px;" size="80"> <input type="submit"
								value="搜索" style="height:40px;width:90px">

						</form> </span>
					<div class="top_right">
						<ul>
							<li><u><a href="#">${sessionScope.customer.customerName}</a></u></li>
							<li><a href="registration.jsp">免费注册 </a></li>
							<li><a
								href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
							</li>
							<li class="login">
								<div id="loginContainer">
									<a href="#" id="loginButton"><span>管理员登录</span> </a>

									<div id="loginBox">
										<form id="loginForm"
											action="${pageContext.request.contextPath}/admin/adminLogin.action"
											method="post">
											<fieldset id="body">
												<fieldset>
													<label for="email">管理员邮箱账号</label> <input type="email"
														name="adminName" id="email">
												</fieldset>
												<fieldset>
													<label for="password">密码</label> <input type="password"
														name="adminPassword" id="password">
												</fieldset>
												<input type="submit" id="login" value="登录"> <label
													for="checkbox"><input type="checkbox" id="checkbox">
													<i>下次自动登录</i> </label>
											</fieldset>
											<span><a href="#">忘记密码?</a> </span>
										</form>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
				<ul class="megamenu skyblue">
					<li><a class="color1"
						href="${pageContext.request.contextPath}/customer/indexUI.action">首页</a>
					</li>
					<li class="grid"><a class="color2"
						href="${pageContext.request.contextPath}/goods/brand.action">电脑办公</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>电脑整机</h4>
										<ul>
											<li><a href="women.html">笔记本</a>
											</li>
											<li><a href="women.html">游戏本</a>
											</li>
											<li><a href="women.html">台式机</a>
											</li>
											<li><a href="women.html">一体机</a>
											</li>
											<li><a href="women.html">服务器</a>
											</li>
											<li><a href="women.html">联想</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>电脑配件</h4>
										<ul>
											<li><a href="women.html">CPU</a>
											</li>
											<li><a href="women.html">SSD硬盘</a>
											</li>
											<li><a href="women.html">显示器</a>
											</li>
											<li><a href="women.html">显卡</a>
											</li>
											<li><a href="women.html">组装电脑</a>
											</li>
											<li><a href="women.html">机箱</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>外设&游戏</h4>
										<ul>
											<li><a href="women.html">键盘</a>
											</li>
											<li><a href="women.html">鼠标</a>
											</li>
											<li><a href="women.html">U盘</a>
											</li>
											<li><a href="women.html">移动硬盘</a>
											</li>
											<li><a href="women.html">游戏设备</a>
											</li>
											<li><a href="women.html">VR设备</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>办公设备</h4>
										<ul>
											<li><a href="women.html">摄影机</a>
											</li>
											<li><a href="women.html">打印机</a>
											</li>
											<li><a href="women.html">点钞机</a>
											</li>
											<li><a href="women.html">碎纸机</a>
											</li>
											<li><a href="women.html">考勤机</a>
											</li>
											<li><a href="women.html">保险柜</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>文具耗材</h4>
										<ul>
											<li><a href="women.html">学生文具</a>
											</li>
											<li><a href="women.html">办公文具</a>
											</li>
											<li><a href="women.html">纸类</a>
											</li>
											<li><a href="women.html">打印耗材</a>
											</li>

										</ul>
									</div>
								</div>

								<div class="col1">
									<div class="h_nav">
										<h4>促销快报</h4>
										<ul>
											<li><a href="women.html">折价商品</a>
											</li>
											<li><a href="women.html">本周热门</a>
											</li>
											<li><a href="women.html">最新商品</a>
											</li>

										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>


					<li><a class="color4"
						href="${pageContext.request.contextPath}/goods/brand.action">品牌馆</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>联想</h4>
										<ul>
											<li><a href="women.html">ThinkPad New S3</a>
											</li>
											<li><a href="women.html">YOGA5 Pro</a>
											</li>
											<li><a href="women.html">小新 air13 Pro</a>
											</li>
											<li><a href="women.html">拯救者</a>
											</li>
											<li><a href="women.html">天逸310</a>
											</li>
											<li><a href="women.html">710S</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>华硕</h4>
										<ul>
											<li><a href="women.html">U4000UQ</a>
											</li>
											<li><a href="women.html">FX-PRO</a>
											</li>
											<li><a href="women.html">灵耀3</a>
											</li>
											<li><a href="women.html">顽石四代</a>
											</li>
											<li><a href="women.html">玩家国度</a>
											</li>
											<li><a href="women.html">G11飞行堡垒</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>ThinkPad</h4>
										<ul>
											<li><a href="women.html">黑侠E570</a>
											</li>
											<li><a href="women.html">NewS2</a>
											</li>
											<li><a href="women.html">E450</a>
											</li>
											<li><a href="women.html">黑将S5</a>
											</li>
											<li><a href="women.html">E450</a>
											</li>
											<li><a href="women.html">X260</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>微星</h4>
										<ul>
											<li><a href="women.html">GP62</a>
											</li>
											<li><a href="women.html">GL62</a>
											</li>
											<li><a href="women.html">GS73</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>戴尔</h4>
										<ul>
											<li><a href="women.html">灵越</a>
											</li>
											<li><a href="women.html">成就</a>
											</li>
											<li><a href="women.html">7040MT</a>
											</li>
											<li><a href="women.html">一体机</a>
											</li>
											<li><a href="women.html">灵越飞匣</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>惠普</h4>
										<ul>
											<li><a href="women.html">HP ENVY</a>
											</li>
											<li><a href="women.html">暗影精灵II</a>
											</li>
											<li><a href="women.html">22-b030cn</a>
											</li>
											<li><a href="women.html">24ES</a>
											</li>
											<li><a href="women.html">一体机</a>
											</li>
											<li><a href="women.html">商务本</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>
					<li><a class="color5" href="#">游戏部落</a></li>

					<li><a class="color6" href="#">装机大师</a>
					</li>
					<li><a class="color7" href="#">IT达人</a></li>
					<li><a class="color8"
						href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
					</li>
					<div class="clearfix"></div>
				</ul>
			</div>
		</div>
	</div>
	<!-- script-for-nav -->
	<script>
		$("span.menu").click(function() {
			$(".head-nav ul").slideToggle(300, function() {
				// Animation complete.
			});
		});
	</script>
	<!-- script-for-nav -->

	<div class="banner1">
		<div class="container"></div>
	</div>
	<!-- header -->
	<!-- content -->
	<div class="container">
		<div class="main">
			<!-- start registration -->
			<div class="registration">
				<div class="registration_left">
					<h2>
						新用户? <span>创建一个新账户 </span>
					</h2>
					<a href="#"><div class="reg_fb">
							<img src="${pageContext.request.contextPath}/images/facebook.png"
								alt=""><i>创建账户</i>
							<div class="clearfix"></div>
						</div> </a>
					<!-- [if IE] 
		    < link rel='stylesheet' type='text/css' href='ie.css'/>  
		 [endif] -->

					<!-- [if lt IE 7]>  
		    < link rel='stylesheet' type='text/css' href='ie6.css'/>  
		<! [endif] -->
					<script>
						(function() {

							// Create input element for testing
							var inputs = document.createElement('input');

							// Create the supports object
							var supports = {};

							supports.autofocus = 'autofocus' in inputs;
							supports.required = 'required' in inputs;
							supports.placeholder = 'placeholder' in inputs;

							// Fallback for autofocus attribute
							if (!supports.autofocus) {

							}

							// Fallback for required attribute
							if (!supports.required) {

							}

							// Fallback for placeholder attribute
							if (!supports.placeholder) {

							}

							// Change text inside send button on submit
							var send = document
									.getElementById('register-submit');
							if (send) {
								send.onclick = function() {
									this.innerHTML = '...Sending';
								}
							}

						})();
					</script>
					<div class="registration_form">
						<!-- Form -->
						<form id="registration_form"
							action="${pageContext.request.contextPath}/customer/customerRegister.action"
							method="post">
							<div>
								<label> <input placeholder="邮箱地址:" type="email"
									tabindex="1" name="customerEmail" required> </label>
							</div>
							<div>
								<label> <input placeholder="电话号码:" type="text"
									tabindex="2" name="customerPhone" required autofocus> </label>
							</div>
							<div>
								<label> <input placeholder="用户昵称:" type="text"
									tabindex="3" name="customerName" required autofocus> </label>
							</div>

							<div class="sky-form">
								<div class="sky_form1">
									<ul>
										<li><label class="radio left"><input type="radio"
												name="customerSex" checked="" value="男"><i></i>男</label></li>
										<li><label class="radio"><input type="radio"
												name="customerSex" value="女"><i></i>女</label></li>
										<div class="clearfix"></div>
									</ul>
								</div>
							</div>
							<div>
								<label> <input id="customerPassword" placeholder="密码"
									type="password" tabindex="4" class="onlyNumAlpha"
									name="customerPassword" required> </label>
							</div>


							<div>

								<label> <input id="customerPasswordRepeat"
									placeholder="确认密码" type="password" class="onlyNumAlpha"
									onblur="confirm()" tabindex="4" name="" required> </label>
							</div>

							<div class="sky-form">
								<label class="checkbox"><input type="checkbox"
									name="checkbox"><i></i>我同意精英大侠的 &nbsp;<a class="terms"
									href="#">服务条款</a> </label>
							</div>
							<div>
								<input type="submit" value="注册" id="register-submit">
							</div>

						</form>
						<!-- /Form -->
					</div>
				</div>
				<div class="registration_left">
					<h2>已注册用户</h2>
					<a href="#"><div class="reg_fb">
							<img src="${pageContext.request.contextPath}/images/facebook.png"
								alt=""><i>登录大侠账号</i>
							<div class="clear"></div>
						</div> </a>
					<div class="registration_form">
						<!-- Form -->
						<form id="registration_form"
							action="${pageContext.request.contextPath}/customer/customerLogin.action"
							method="post">
							<div>
								<label> <input placeholder="邮箱地址:" type="email"
									name="customerEmail" tabindex="3" required> </label>
							</div>
							<div>
								<label> <input placeholder="密码" type="password"
									name="customerPassword" tabindex="4" required> </label>
							</div>
							<div>
								<input type="submit" value="登录" id="register-submit">
							</div>
							<div class="forget"></div>
						</form>
						<!-- /Form -->
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<!-- end registration -->
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>
				Copyright &copy; 2016.Company name All rights reserved.<a
					target="_blank" href="http://sc.chinaz.com/moban/">精英大侠 ;</a>
			</p>
		</div>
	</div>
	<!-- footer -->
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>

</body>

</html>